<div class="container">
  <a href="../index.html">&larr; D3.js Graph Gallery</a>
  <button
    class="navbar-toggler navbar-toggler-right"
    type="button"
    data-toggle="collapse"
    data-target="#navbarResponsive"
    aria-controls="navbarResponsive"
    aria-expanded="false"
    aria-label="Toggle navigation"
  >
    Menu
    <i class="fa fa-bars"></i>
  </button>
  <div class="collapse navbar-collapse" id="navbarResponsive">
    <ul class="navbar-nav text-uppercase ml-auto">
      <li class="nav-item">
        <a class="nav-link" data-toggle="modal" href="#researchModal"
          ><i class="fa fa-search"></i
        ></a>
      </li>

      <li class="nav-item">
        <a class="nav-link" data-toggle="modal" href="#LogoMenu">Chart types</a>
      </li>

      <li class="nav-item dropdown">
        <a
          class="nav-link"
          href="#"
          id="navbarDropdown"
          role="button"
          data-toggle="dropdown"
          aria-haspopup="true"
          aria-expanded="false"
        >
          Quick
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <p class="menuTitle"><i>Basics</i></p>
          <div class="dropdown-divider"></div>
          <a
            class="dropdown-item"
            href="https://www.d3-graph-gallery.com/intro_d3js.html"
            >Intro to d3</a
          >
          <a
            class="dropdown-item"
            href="https://www.d3-graph-gallery.com/graph/shape.html"
            >Shape</a
          >
          <a
            class="dropdown-item"
            href="https://www.d3-graph-gallery.com/graph/basic_datamanipulation.html"
            >Data wrangling</a
          >
          <p class="menuTitle"><i>Customize</i></p>
          <div class="dropdown-divider"></div>
          <a
            class="dropdown-item"
            href="https://www.d3-graph-gallery.com/graph/custom_axis.html"
            >Axis</a
          >
          <a
            class="dropdown-item"
            href="https://www.d3-graph-gallery.com/graph/custom_color.html"
            >Color</a
          >
          <a
            class="dropdown-item"
            href="https://www.d3-graph-gallery.com/graph/custom_theme.html"
            >Themes</a
          >
          <a
            class="dropdown-item"
            href="https://www.d3-graph-gallery.com/graph/custom_legend.html"
            >Legend</a
          >
          <a
            class="dropdown-item"
            href="https://www.d3-graph-gallery.com/graph/custom_responsive.html"
            >Responsiveness</a
          >
          <a
            class="dropdown-item"
            href="https://www.d3-graph-gallery.com/graph/custom_annotation.html"
            >Annotation</a
          >
          <p class="menuTitle"><i>Interactivity</i></p>
          <div class="dropdown-divider"></div>
          <a
            class="dropdown-item"
            href="https://www.d3-graph-gallery.com/graph/interactivity_tooltip.html"
            >Tooltip</a
          >
          <a
            class="dropdown-item"
            href="https://www.d3-graph-gallery.com/graph/interactivity_button.html"
            >Button</a
          >
          <a
            class="dropdown-item"
            href="https://www.d3-graph-gallery.com/graph/interactivity_zoom.html"
            >Zoom</a
          >
          <a
            class="dropdown-item"
            href="https://www.d3-graph-gallery.com/graph/interactivity_brush.html"
            >Brushing</a
          >
          <a
            class="dropdown-item"
            href="https://www.d3-graph-gallery.com/graph/interactivity_transition.html"
            >Transition</a
          >
          <p class="menuTitle"><i>React</i></p>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="https://www.react-graph-gallery.com"
            >React and d3.js</a
          >
        </div>
      </li>

      <li class="nav-item">
        <a class="nav-link" href="../all.html">ALL</a>
      </li>

      <li class="nav-item">
        <a
          class="nav-link js-scroll-trigger"
          href="https://www.react-graph-gallery.com"
          >React</a
        >
      </li>

      <li class="nav-item dropdown">
        <a
          class="nav-link"
          href="#"
          id="navbarDropdown"
          role="button"
          data-toggle="dropdown"
          aria-haspopup="true"
          aria-expanded="false"
        >
          Related
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="https://www.data-to-viz.com"
            >Data to viz</a
          >
          <a class="dropdown-item" href="https://www.dataviz-inspiration.com"
            >Dataviz inspiration</a
          >
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="https://www.python-graph-gallery.com"
            >Python graph gallery</a
          >
          <a class="dropdown-item" href="https://www.d3-graph-gallery.com"
            >D3.js graph gallery</a
          >
          <a class="dropdown-item" href="https://www.react-graph-gallery.com"
            >React graph gallery</a
          >
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="https://www.yan-holtz.com">Who Am I</a>
        </div>
      </li>

      <li class="nav-item">
        <a class="nav-link js-scroll-trigger" href="../about.html">About</a>
      </li>
    </ul>
  </div>
</div>
<a
  class="nav-link btn btn-primary d-none d-lg-block"
  style="border-width: 1px"
  data-toggle="modal"
  href="#dataToVizPoster"
  >Dataviz Decision Tree</a
>
